@charset "utf-8";
/*
    Document   : CSS样式自定义
    Created on : 2019.08.16
    Author     : Claire
    License    : MIT
    Description: CSS样式自定义,局部样式文件
    Import     : <link href="css/layout.css" rel="stylesheet" type="text/css" />
    Copyright (c) 2019 Claire
*/
/**头部**/
body,html { width:100%; height: 100%; overflow-x:hidden; background: #3e99ea }
.cq-login{
    width:380px; 
    height:340px; 
    padding:20px; 
    position:absolute; 
    left:50%; 
    top:50%; 
    margin-left:-210px; 
    margin-top:-190px; 
    background-color:#FFF; 
    border:1px solid #dcdcdc;
    box-sizing:content-box;
    border-radius:10px;
}
.cq-login-ul { width: 100%; height: 60px; text-align:center; color:#999; }
.cq-login-ul li{ width: 50%; font-size: 18px; height: 60px; line-height:50px; float: left; cursor: pointer;   }
.cq-login-ul li.hover,.cq-login-ul li:hover{ color:#0faeff; font-weight:bold;  }
.cq-login-con{ margin-top: 10px; display: none; }
.cq-login-con.display{ display: block; }
.login-unit1{ width: 380px; height: 80px;line-height:80px; border-bottom:1px solid #dcdcdc; }
.login-user{ width: 40px; height: 80px; color: #999; font-size:24px; }
.login-input1{ width: 340px; height:78px; line-height:78px;}
.login-input2{ width: 220px; height:78px; line-height:78px;}
.login-yzm{ font-size: 14px; color:#999; cursor: pointer; }
.login-yzm:hover{color:#0faeff;}
.login-btns{ width: 380px; height: 40px; line-height:40px; text-align: center;margin-left: -10px;}
.login-btns button{ display: inline-block; width: 80px; text-align:center; font-size: 16px; margin-left: 20px; border-radius: 10px; cursor: pointer; }
.btn-tj{ background:#0faeff; color: #fff;  }
.btn-cz{ background:#f3f3f3; color: #444; }
.btn-tj:hover{ background:#109fe8; color: #fff;  }
.btn-cz:hover{ background:#ccc; color: #444; }